﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="utf-8" />
<meta name="robots" content="all" />
<meta name="author" content="Tencent-ISRD" />
<meta name="Copyright" content="Tencent" />
<style type="text/css">
    .test
    {
        -webkit-border-image: url(Images/bt_blue.png) 0 12 0 12 stretch stretch;
        -moz-border-image: url(Images/bt_blue.png) 0 12 0 12 stretch stretch;
        display: block;
        border-width: 0 12px;
        padding: 10px;
        text-align: center;
        font-size: 16px;
        text-decoration: inherit;
        color:white;
    }
</style>
<title>Border-image</title>
</head>
<body>
<div class="test">在safari3+和FF3.5浏览器里能看到边框背景图</div>
</body>
</html>
 